<!DOCTYPE html>
<head>
    <link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/oikjjknbaacnajpfmoobjdagfkldgagm">
    <link type="text/css" rel="stylesheet" href="/css/main.css" />    
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
    <script>
    </script>
</head>
{% autoescape true %}
<html>
  <body>
    <div style='float:left;width:100%;'>
      <div style="float:left;width:100%;">
        <div style="float:left;"><h2 style="margin-left: 40px;">Kooddle</h2></div>
      </div>
    <div style="float:left;width:100%;"><hr></div>
    <div style="float:left;width:100%"><h3>The Chart It Button</h3><h4>Chart numbers you find on the web</h4></div>
    
    <div style="float:left;">
 
    <div style="float:left;"><img src="/images/chrome_button.JPG" /></div>
    
    <div style="float:right;">
    <div style="float:left;"><p class="cta"><button onclick="chrome.webstore.install()" id="install-button">Add to Chrome</button>
<script>
if (chrome.app.isInstalled) {
  document.getElementById('install-button').style.display = 'none';
}
</script>
 <span>(It only takes a few seconds.)</span></p>
          <p>The Pin It button for Chrome (an <a href="http://support.google.com/chrome/bin/answer.py?hl=en&answer=154007" target="_blank">extension</a>) lets you easily chart numbers you find on any website. Click Install Now to add it to Chrome then click it when you see an number you want to chart!</p></div>
    </div>
    </div>
    </div>
  </body>
</html>
{% endautoescape %}